<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section data-role="page" class="container" id="course_view">
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="main_noti_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>코스 공략 상세</h2>
            <!--left  btn-->
            <div class="top_left">
                <a href="#" data-transition="slide" class="ico_btn btn2">이전</a>
            </div>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content"> 
        <!--상세 View-->
        <ul class="view_cont"> 
            <!--제목  -->
            <li class="course">
                <h5>스카이골프 오션코스</h5>
                <div>제목이 노출됩니다. 제목이 노출됩니다. 제목이 노출됩니다. 제목이 노출됩니다.</div>
                <p class="nick">잭니클라우스</p>
                <time>2012.03.31 18:30</time>
            </li>
            
            <!-- 글 작성자만 노출되는 btn  -->
            <li class="view_txt"> <a name="#" data-role="button" data-theme="c" class="btn_type2"> 삭제</a> </li>
            
            <!--내용 -->
            <li class="view_txt ui-grid-a">
                <!--이미지 영역-->
                <span class="img_info">
                    <img src="../images/default_200_250.gif" alt=""/>
                    <a href="../inc/img_view.html" class="bt_view" data-transition="slide"><span class="ico_btn btn14"><em>크게보기</em> </span></a>
                </span>
                
                <!--택스트 영역 -->
                내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다.  내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 내용이 노출됩니다. 
            </li>
            
            <!--btn  -->
            <li class="bt_side">
                <div class="ui-grid-a">
                    <div class="ui-block-a">
                        <a name="#" data-role="button" data-inline="true" data-theme="c" data-shadow="false" class="bt_nice" ><em>ico</em>나이스샷 </a> 
                        <a href="nice_shot.html" data-role="button" data-inline="true" data-theme="b" data-shadow="false" data-transition="slide" class="bt_nice_l" >12</a> 
                    </div>
                    <div class="ui-block-b top_2"><button data-role="none" data-inline="true" data-transition="slide" class="facebook_btn ui-btn-corner-all"><span class="ico_navi navi22">icon</span>페이스북 공유하기</button></div>
                </div>
            </li> 
        </ul><!-- //  class="view_cont"  끝  -->  
        
        <!--댓글-->
        <div class="reply_area">
            <h5>댓글<mark>(0)</mark></h5>
            <!--댓글 쓰기-->
            <div class="reply_write">
                <form action="#" method="#">
                    <fieldset data-role="fieldcontain" class="ui-grid-a">
                        <div class="ui-block-a"><textarea placeholder="한글 100자 이내로 입력하세요."></textarea></div>                        
                        <div class="ui-block-b"><a data-theme="b" data-role="button">등록</a></div>
                    </fieldset>
                </form>
            </div><!-- //  class="reply_write"  끝  --> 
            
            <!--댓글 list-->
            <ul data-role="listview" data-theme="c" class="reply_list">
                <!--댓글이 없을때 보여주는 영역-->
                <!--li class="no_l">댓글이 없습니다.   첫번째 댓글을 남겨주세요.</li-->
                
                <li>
                    <a href="../mypage/profile_view.html" data-transition="slide"><img src="../images/noimg_100_100.gif" alt=""/> </a>
                    <h3>잭니클라우스</h3>
                    <p>한박사님과 함께 골프를 즐기며 쉽고 빠르고 제대로 배울수있는 카페제대로~! </p>
                    <p class="nice">
                        <a name="#" data-role="button" data-inline="true" data-theme="c" data-shadow="false"><em>ico</em>나이스샷 </a> <mark>(0)</mark>
                    </p>
                    <time>2012.03.31 17:30</time>
                    <!--삭제 btn-->
                    <button data-role="none"><span class="ico_navi navi26"></span></button>
                </li>
                <li>
                    <a href="../mypage/profile_view.html" data-transition="slide"><img src="../images/noimg_100_100.gif" alt=""/> </a>
                    <h3>팡야</h3>
                    <p>한박사님과 함께 골프를 즐기며 쉽게 </p>
                    <p class="nice">
                        <a name="#" data-role="button" data-inline="true" data-theme="c" data-shadow="false"><em>ico</em>나이스샷 </a> <mark>(0)</mark>
                    </p>
                    <time>2012.03.31 17:30</time>
                    <!--삭제 btn-->
                    <button data-role="none"><span class="ico_navi navi26"></span></button>
                </li>
                <li>
                    <a href="../mypage/profile_view.html" data-transition="slide"><img src="../images/noimg_100_100.gif" alt=""/> </a>
                    <h3>타이거우즈</h3>
                    <p>한박사님과 함께 골프를 즐기며 쉽고 빠르고 제대로 배울수있는 카페제대로~! </p>
                    <p class="nice">
                        <a name="#" data-role="button" data-inline="true" data-theme="c" data-shadow="false"><em>ico</em>나이스샷 </a> <mark>(0)</mark>
                    </p>
                    <time>2012.03.31 17:30</time>
                    <!--삭제 btn-->
                    <button data-role="none"><span class="ico_navi navi26"></span></button>
                </li>
            </ul><!-- //  class="reply_list" 끝  -->           
        </div><!-- //  class="reply_area" 끝  -->
                
    </section><!-- // content -->
</section><!-- // page -->
</body>
</html>
